body{
  /* padding: 100px 0 !important; */
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#184153+0,153645+18,03080b+61,000000+100 */
  background: #184153; /* Old browsers */
  background: -moz-linear-gradient(45deg,  #184153 0%, #153645 18%, #03080b 61%, #000000 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg,  #184153 0%,#153645 18%,#03080b 61%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg,  #184153 0%,#153645 18%,#03080b 61%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#184153', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  /* direction: rtl; */
  font-family: Byekan;
  height: 100vh;
}
.contactus-page .contactUs {
    direction: rtl;
}
p{font-weight:500}h1{margin:30px 0}
.contactUs{height:auto;min-height: calc(65% - 20px);}
.title{font-size:xx-large;margin-bottom:30px}
input.contactUs{
  padding: 15px 58px 15px 0;
  background: #ffffff;
  position: relative;
  margin-bottom: 20px;
  width: 100%;
  font-weight: bold;
  border: none;
  outline: none;
  }.contactUs textarea{width:100%;background: #ffffff;min-height:176px;padding:10px;font-size: 16px;font-weight: bold;outline: none;}
  .contactUs label{width:100%}
  .contactUs Button{width:140px;margin:10px 0 10px 10px;padding:6px;font-weight:700;background: none;border: 1px solid #00A8E0;color: #fff;}.contentUs-inf{margin-top:12px}.inf-title{color:#cbcaca;text-align:right;font-size:17px}.inf-detail{color:#fff;text-align:right;font-size: 16px;padding:4px 0 20px;word-spacing:-.5px;}input::-webkit-input-placeholder{color:#aaa;font-size:13px;text-align:right}input::-moz-placeholder{color:#aaa;font-size:13px;text-align:right}input:-ms-input-placeholder{color:#aaa;font-size:13px;text-align:right}

.contactUs .title {text-align: right;font-size: 22px;}
.contactUs .title::before {content: " ";float: right;width: 29px;height: 2px;background: #00A8E0;margin-top: 16px;margin-left: 10px;}.contact-info {/* background: #000; */padding: 15px 0;margin-bottom: 50px;}.contentUs-inf .inf-detail span {color: #00A8E0;width: 150px;font-weight: bold;display: inline-block;font-size: 17px;}.g-recaptcha {margin-top: 100px;}.inf-detail a {color: #fff;} .inf-detail i {color: #00A8E0;}
.contactUs Button:hover {
  background: #00A8E0;
}
.conatiner-form-info {
  border-right: 1px solid;
  padding: 0;
  margin: 30px 30px;
}
.nav-slider {
  position: fixed;
  bottom: 58px;
  width: 450px;
  color: #FFF;
  display: flex;
  list-style-type: none;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  left: 50%;
  transform: translate(-50%);
  height: 60px;
  text-transform: uppercase;
}

.nav-slider li a {
  color: #6f6f6f;
  text-transform: uppercase;
  font-family: 'Bebas Neue';
  font-weight: normal;
  transition: color 0.5s cubic-bezier(.19, 1, .22, 1);
  font-size: 22px;
  letter-spacing: 4px;
  cursor: pointer;
}

.nav-slider li.current a {
  color: #ECECEC;
}

.nav-slider li a:hover {
  color: #CCC;
}

header nav a.next-page {
  letter-spacing: 1px;
  text-align: center;
  transition: all 0.8s cubic-bezier(.19, 1, .22, 1);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
}
#sectionwrapper section .cover-txt h1.solgan-text-home {
  padding: 30px 15px;
  transition: 1s cubic-bezier(.19, 1, .22, 1) 0s;
  font-size: 29px;
  line-height: 40px;
}
#sectionwrapper section .cover-txt h1.solgan-text-home:hover {
  background: #fff;
  color: #000;
  transition: 1s cubic-bezier(.19, 1, .22, 1) 0s;
}
.cover-txt h2.x-mouve img {
  width: 70px;
}
.contact-us-wraper {
  padding-top: 50px;
}
.contact-form-icon{
  text-align: right;
  padding: 17px;
  position: absolute;
  right: 15px;
  color: #fff;
  z-index: 999;
  top: 0;
  background: #222323;
  background: -moz-linear-gradient(left, #1198d2 0%, #10b4da 34%, #10b4da 34%, #07d8ec 59%, #07d8ec 59%, #00fbfe 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1198d2', endColorstr='#00fbfe', GradientType=1);
  font-size: 20px;
}
@media (min-width:992px){
  .title{font-size:xx-large}

}

@media (max-width:992px){
  body{
    height: auto;
  }
  .title{font-size:large}
  .conatiner-form-info{
    margin: 0;
  }
  .contentUs-inf .inf-detail span{
    display: block;
  }
  .contact-info{
    padding-top:0;
  }
}

@media (max-width:768px){

  .g-recaptcha{margin-top: 10px !important;}
  .contactUs{min-height:auto}
  h1{margin:30px 0}
  .contactUs-submit{text-align:center!important}
  .title{margin-bottom:10px}
  .my-3{margin:10px auto!important}
}